$(function(){
  // 商店
  $.ajax({
    url:'http://127.0.0.1:9090/api/getgsshop',
    success:function(info){
      console.log(info);
      $(".shop_list").html(template("tmp",info));
      
    }
  })
  // 地域
  $.ajax({
    url:'http://127.0.0.1:9090/api/getgsshoparea',
    success:function(info){
      console.log(info);
      $(".area_list").html(template("tmp1",info));
    }
  })

  // 点击显示下拉列表
  $(".tit_nav > li").on("click",function(){
    $(this).siblings().children("ol").removeClass("active");
    $(this).children("ol").toggleClass("active")
  })

  // 点击导航调到对应页面
  var obj = {shopid:0,areaid:0};

  $(".tit_nav ol ").on("click","li", function(){

    var text = $(this).text();

    //===================================
    // 截取地域导航字符串
    if($(this).data("areaid")>=0){
      text = text.slice(0,2);
    }
  //==========================================
    $(this).parent().siblings("span.text")[0].innerText = text;

    // 获取参数
     id = $(this).data();
     for (var key in id) {
         console.log(key);
         obj[key] = id[key];
     }
     console.log(obj);

    // 调用函数
    //========================================
    renderPro(obj);
  })

// 点击一次请求一次
  function renderPro(obj){
    $.ajax({
      url:'http://127.0.0.1:9090/api/getgsproduct',
      data:obj,
      success:function(info){
        console.log(info);
        $(".gsproduct").html(template("tmp2",info));
      }
    })
  }
  renderPro(obj);

})